<template>
  <button class="rounded-sm bg-gray-500 p-1" @click="onClick">{{ name }}</button>
</template>

<script>
  import { defineComponent } from 'vue'
  export default defineComponent({
    name: 'DButton',
    props: {
      name: {
        type: String,
        default: function () {
          return 'Button'
        },
      },
    },
    data() {
      return {}
    },
    updated() {},
    methods: {
      onClick() {
        console.log('click')
      },
    },
  })
</script>

<style lang="scss" scoped></style>
